<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewpor" content="width=deice-width,initial-scale=1.0">
    <title>元素练习</title>
</head>

<body>
    <header>
        <h1>html元素练习</h1>
    </header>
    <main>
        <section>
            <h2>区块元素</h2>
            <div>
                <p>段落元素<code>p</code>就是一个区块元素。</p>
                <p>段落元素p就是一个区块元素。</p>
        </section>
        <section>
            <h2>内容组织元素</h2>
            <ol>
                <li>列表项</li>
                <li>列表项</li>
                <li>列表项</li>
            </ol>
            <ul>
                <li>列表项</li>
                <li>列表项</li>
                <li>列表项</li>
            </ul>
            </div>
        </section>
        <section>
            <h2>文本语义元素<br>副标题</h2>
            <p><span>作者：××× </span>发表日期：×××</p>
            <p>A元素用来表示超级链接或者文档内部锚点。如果a元素有<a href="http://www.baidu.com">href</a>属性，它就表示超链接。</p>
        </section>
        <section>
            <h2>嵌入内容元素</h2>
            <img src="../01/images/u=4088705288,1216929517&fm=26&gp=0.jpg" alt="西北民族大学" title="西北民族大学" width="400">
            <p>
                <img src="../01/images/u=2837145677,683291706&fm=26&gp=0.jpg" alt="图书馆" width="400">
            </p>
            <iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=e0861yuqhfx" allowFullScreen="true"
                width="400" height="300"></iframe>"
            <video
                src="../01/media/25ca1257cc7f5e6c4c94a4f08b499d82e9219dddca103b7c68074e06350aff270eeb987c598680feffe4c14ddf33c9594037b511859ac9982eecb8d666b9af1834b15c20ead6a2195a885f04ae274e3d00b2e5487e57960255da3d3bb1395ff85d71eeaa.mp4"
                controls width="400" height="300"></video>
            <audio src="../01/media/16x7US90JpKbDoQgcmX7wYA.mhtml" controls></audio>
        </section>
        <section>
            <h2>表格元素</h2>
            <table>
                <tr>
                    <td>单元格</td>
                    <td>单元格</td>
                    <td>单元格</td>
                </tr>
                <tr>
                    <td>单元格</td>
                    <td>单元格</td>
                    <td>单元格</td>
                </tr>
                <tr>
                    <td>单元格</td>
                    <td>单元格</td>
                    <td>单元格</td>
                </tr>
            </table>
        </section>
        <section>
            <h2>表单元素</h2>
            <form action="http://www.bing.com/search" method="get"> <label><input type="search" name="q"></label><input
                    type="submit" value="search" ...></form>
            <form action="http://www.douban.com/search" method="get"> <label><input type="search"
                        name="q"></label><input type="submit" value="search" ...></form>
        </section>
    </main>
    <footer>页脚</footer>

</body>

</html>